<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery1.42.min.js"></script>
    <link rel="stylesheet" href="css/lrtk.css">
    <script src="js/jquery.SuperSlide.2.1.1.source.js"></script>
    <script src="js/bxCarousel.js"></script>
    <script src="js/scrolltopcontrol.js"></script>
</head>
<body>
<div class="head">
    <div class="top">
        <div class="main">
            <span class="left">您好，欢迎光临深圳市临鹏杨三维科技有限公司</span>
            <span class="right">客服热线：400-000-000</span>
        </div>
    </div>
    <div class="menu main">
        <div class="logo"><img src="images/logo.png" height="54" width="393"/></div>
        <ul>
            <li class="on"><a href="">首页</a></li>
            <li><a href="">产品中心</a></li>
            <li><a href="">解决方案</a></li>
            <li><a href="">新闻中心</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
</div>
<div class="bannar"><img src="images/ban.png"/></div>
<div class="www51buycom" style="display: none">
    <ul class="51buypic">
            <li>
                <a href="" target="_blank"><img src="images/ban.png" style="width:100%;" /></a>
            </li>
        <li>
            <a href="" target="_blank"><img src="images/ban.png" style="width:100%;" /></a>
        </li>
        <li>
            <a href="" target="_blank"><img src="images/ban.png" style="width:100%;" /></a>
        </li>
    </ul>
    <!--<a class="prev" href="javascript:void(0)"></a> -->
    <!--<a class="next" href="javascript:void(0)"></a>-->
    <div class="num" style="display:none" >
        <ul></ul>
    </div>
    <div style="clear:both"></div>
</div>
<div style="padding: 100px 0; background: #f0f0f0">
    <div class="main" >
        <div class="product1 left"><img src="images/p1.png"/>
            <p class="bg"></p>
            <p class="title">123</p>
        </div>
        <div class="right product2">
            <div><img src="images/p2.png" height="348" width="578"/>
                <p class="bg">sdfsdfsdfsdf</p>
                <p class="title">123</p>
            </div>
            <div><img src="images/p2.png" height="348" width="578"/>
                <p class="bg"></p>
                <p class="title">123</p>
            </div>
        </div>

    </div>
    <div style="clear: both"></div>
</div>
<div class="index_anli">
    <div class="main">
        <h1>案例展示</h1>
        <ul>
            <li>
                <p class="thumb"><img src="images/p3.jpg" ></p>
                <p class="des">案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示</p>
            </li>
            <li>
                <p class="thumb"><img src="images/p3.jpg" ></p>
                <p class="des">案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示</p>
            </li>
            <li>
                <p class="thumb"><img src="images/p3.jpg" ></p>
                <p class="des">案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示案例展示</p>
            </li>
        </ul>
        <div class="btn"><a href="">查看更多+</a></div>
    </div>
</div>
<div class="index_zzry">
    <div class="main slideGroup">
        <h1>资质荣誉</h1>
        <div class="slideBox">
            <a class="sPrev" href="javascript:void(0)"></a>
            <ul>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
            </ul>
            <a class="sNext" href="javascript:void(0)"></a>
        </div><!-- slideBox End -->
    </div>
</div>
<div class="index_news">
    <div class="main">
        <h1>新闻中心</h1>
        <ul class="tab">
            <li class="on" onclick="settab(this,'tab1');">企业动态</li>
            <li onclick="settab(this,'tab2');" style="border-left: 1px #00a0e9 solid; border-right: 1px #00a0e9 solid">产品知识</li>
            <li onclick="settab(this,'tab3');">行业动态</li>
        </ul>
        <div style="margin-top: 45px;">
            <div id="tab1">
                <div class="left thumb">
                    <img src="images/p3.jpg"/>
                </div>
                <ul class="list right">
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                </ul>
            </div>
            <div id="tab2" style="display: none">
                <div class="left thumb">
                    <img src="images/p3.jpg"/>
                </div>
                <ul class="list right">
                    <li><span class="left"><a href="">222222222222222222222222222222222222222222222</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                </ul>
            </div>
            <div id="tab3" style="display: none">
                <div class="left thumb">
                    <img src="images/p3.jpg"/>
                </div>
                <ul class="list right">
                    <li><span class="left"><a href="">333333333333333333333333333333333333333333333</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                    <li><span class="left"><a href="">产品知识产品知识产品知识产品知识产品知识产品知识</a></span><span class="right">2018-03-14</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div style="clear: both"></div>
</div>
<div class="index_hzhb">
    <div class="main slideGroup">
        <h1>合作伙伴</h1>
        <div class="slideBox">
            <a class="sPrev" href="javascript:void(0)"></a>
            <ul>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
                <li>
                    <img src="images/p3.jpg" >
                </li>
            </ul>
            <a class="sNext" href="javascript:void(0)"></a>
        </div><!-- slideBox End -->
    </div>
</div>
<div class="footer">
    <div class="main">
        <ul>
            <li>首页</li>
            <li>产品中心
            <ul>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
                <li><a href="">werwerwe</a></li>
            </ul>
            </li>
            <li>解决方案</li>
            <li>新闻中心</li>
            <li>关于我们</li>
            <li>联系我们</li>
        </ul>
    </div>
    <div style="clear: both"></div>
</div>
<div class="contact">
    <div class="main">
        <div class="info left">
            <p>
                版权所有：深证市鹏杨三维科技有限公司<br>
                地址：深圳市罗湖区翠竹街道翠竹北路C 33+创新产业园7楼<br>
                传真：0755-22350551Copyright©2018<br>
                粤ICP备09022840号
            </p>
        </div>
        <div class="tel left">
            <p class="info1">销售热线</p>
            <p class="info2">400-8700-990</p>
            <p class="info3"><a href="">在线咨询</a></p>
        </div>

        <div class="qrcode right">
            <p style="margin-bottom: 20px;">官方微信</p>
            <p><img src="images/qrcode.jpg" height="100" width="100"/></p>
        </div>
        <div style="clear: both"></div>

    </div>
</div>
<div class="links">
    <div class="main">
        <div>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
            <a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a><a href="">百度百度百度百度</a>
        </div>

    </div>

</div>
<script>
    $(function () {
        $(".index_zzry .slideGroup .slideBox").slide({ mainCell:"ul",vis:3,prevCell:".sPrev",nextCell:".sNext",effect:"leftLoop"});
        $(".index_hzhb .slideGroup .slideBox").slide({ mainCell:"ul",vis:5,prevCell:".sPrev",nextCell:".sNext",effect:"leftLoop"});
    });
    function settab(obj,str) {
        $(obj).addClass("on").siblings().removeClass("on");
        $("#"+str).show().siblings().hide();
    }
    $(".www51buycom").hover(function() {
        $(this).find(".prev,.next").fadeTo("show", 0.1);
    }, function() {
        $(this).find(".prev,.next").hide();
    })
    $(".prev,.next").hover(function() {
        $(this).fadeTo("show", 0.7);
    }, function() {
        $(this).fadeTo("show", 0.1);
    })
    $(".www51buycom").slide({
        titCell : ".num ul",
        mainCell : ".51buypic",
        effect : "fold",
        autoPlay : true,
        delayTime : 700,
        autoPage : true,
        interTime:6000
    });
</script>
</body>
</html>